/* CSS Document */
@import url("jquery.tablescroll.css");
@import url("lelinh.css");
@import url("popup.css");
@import url("nth.css");
*{
	margin:0;
	padding:0;
}
body{
	font-family: Verdana, Arial, Tahoma, "Times New Roman", Times;
	font-size:12px;
}
#container{
	background-color: #000;
	/*background-image:transparent url(../images/bottom-container-bg.jpg) repeat-x bottom;*/
	
}
#header{
	height:130px;
	width:100%;
	/*background:#CCC;*/
	position:relative;
	background: url(../images/bg-header.jpg) repeat-x;
}
/*
#logo{
	background:url(../images/logo_thaihoa.png) no-repeat;
	height:150px;
}
*/
#welcome{
	position:absolute;
	bottom:2px;
	right:20px;
}
#welcome .username{
	background:url(../images/user.gif) no-repeat left;
	padding-left:23px;
}
#welcome a{
	text-decoration:none;
	color:#00C;
	font-weight:bold;
}
#welcome .logout{
	color:#F00;
}
#menu{
	width:100%;
	height:49px;
	margin: -4px 0px 0px 0px;
	background:url(../images/bg-nav-35.gif) repeat-x top;
}
#nav{
	list-style:none;
	overflow:hidden;
}
#nav li{
	float:left;
	
	border-left:1px solid #0c7a00;
	border-right:1px solid #0ac200;
}
#nav li a{
	text-decoration:none;
	color:#FFF;
	line-height:35px;
	height:35px;
	display:inline-block;
	padding: 0 15px;
	font-weight:bold;
}
#nav li a.active{
	background:#358E24;
}
#nav li a:hover{
	background:#358E24;
}
#page{
	width:100%;
	background: transparent url(../images/top-content-bg.jpg) repeat-x top;
	padding-top:26px;
	/*background:#CCC;*/
	
}
/*#left_menu{
	width:15%;
	float:left;
	min-height:500px;

}*/
.page_menu_box, .category-box{
	margin:10px;
	padding:5px;
	background:#FFF;
	border:1px solid #999;
}
.page_menu_box .title, .category-box .title{
	border-bottom:1px solid #999;
}
.page_menu_box .title p, .category-box .title p{
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-weight:bold;
	font-size: 22px;
}
.page_menu_box .menu, .category-box .menu{

	list-style:none;
}
.page_menu_box .menu > li, .category-box .menu li{
	border-bottom:1px solid #0AC200;
}

.page_menu_box .menu a, .category-box .menu a{
	padding-left:30px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	display:block;
	color:#035488;
}
.page_menu_box .menu ul a{
	color: #000;
}
.page_menu_box .menu a:hover, .category-box .menu a:hover{
	background:#F1F1F1;
}
.page_menu_box .menu li ul{
	list-style: none;
	margin-left: 10px;
	display: none;
}
.page_menu_box .menu li:hover ul{
	display: block;
}
#content-box{
	float:left;
	/*width:85%;*/
}
#content{
	border-left:1px solid #999;
	padding:1px 4px;
	min-height:500px;
	margin: 0px 10px 0px 10px;
	background: #fff;
}
#inner-box{
	min-height:300px;
	margin-top:10px;
}

#inner fieldset{
	border:1px solid #999;
	padding:5px;
	display:block;
}
#inner legend{
	border:1px solid #999;
	margin-left:30px;
	padding:5px;
	font-weight:bold;
}
.button{
	height:40px;
	line-height:50px;
	list-style:none;
	border-bottom:2px solid #999;
	background:#EEEEEE;
	padding:5px;
	margin-bottom:10px;
}
.button li{
	float:left;
	padding: 0 10px;
	height:40px;
	line-height:40px;
}
.button li a{
	display:inline-block;
	height:40px;
	line-height:40px;
	text-decoration:none;
	font-weight:bold;
	color:#268ab9;
	cursor: pointer;
}
.button li a img{
	float:left;
	height:40px;
	margin-right:5px;
}

.box-search{
	float:right;
	margin-right: 30px;
    margin-top: 5px;
}
#txtsearch{
	height:25px;
	width: 200px;
}
#btnsearch{
	height:29px;
	width: 100px;
}

.button .input_add{
	height: 25px;
	width: 200px;
	border: 1px solid #0AC200;
	color: #6C6C6C;
}
.button .button_add{
	height: 40px;
	background: url(../images/Save-icon.png) no-repeat;
	border: none;
	cursor: pointer;
	padding-left: 45px;
	color: #006600;
	font-weight: bold;
}

.text-align{
	text-align:center;
}
.text-right{
	text-align: right;
}
.text-left{
	padding-left:15px;
}
.clear{
	clear:both;
}
#footer{
	height:47px;
	width:100%;
	/*background: #358E24;
	position: fixed;
	bottom: 0;*/
	line-height: 35px;
	padding-left: 20px;
	color: #fff;
	background:transparent url(../images/bottom-container-bg.jpg) repeat-x bottom;
}

.Breadcrumb {
    border-bottom: 1px solid #0AC200;
    height: 15px;
    padding: 10px 0;
    width: auto;
}
.Breadcrumb ul {
    list-style: none outside none;
	padding-left:10px;
}
.Breadcrumb li a {
    background: url(../images/BreadcrumbSep.gif) no-repeat scroll right center transparent;
    font-weight: bold;
    padding-right: 10px;
	text-decoration:none;
	color:#03F;
}
.Breadcrumb li {
    display: inline;
    padding-left: 6px;
	font-weight:bold;
}
img{
	border:none;
}

#inner .search{
	margin-bottom: 10px;
}
#inner .search .select-filter
{
	height:30px;
    border: 1px solid #AAAAAA;
    padding: 5px;
}

#inner .search .input_date{
	padding: 5px;
	border: 1px solid #AAAAAA;
	background: url(../images/calendar-icon.png) no-repeat center right 2px;
}

#inner-box #change-pass-container{
	width: 520px;
	margin: 50px auto;
}

#inner-box #title-change-pass{
	padding: 15px 20px;
	background-color: #358E24; 
}

#inner-box #title-change-pass span{
	font-size: 20px;
	color: #fff;
}

#inner-box #change-pass-content{
	padding: 10px 50px;
	background: #EAEAEA;
	font-size: 13px;
}

#inner-box #change-pass-content label{
	display: inline-block;
    font-weight: bold;
    padding: 5px 0;
    width: 143px;
}

#inner-box #change-pass-content .change-pass-field{
	margin: 10px 0;
	position: relative;
}

#inner-box #change-pass-content .input_pass{
	width: 258px;
	padding:  5px;
	border: 1px solid #999999;
}

#inner-box #change-pass-content p#button{
	text-align: right;
	padding-right: 1px;
}

#inner-box #change-pass-content p#button input{
	background-color: #fff;
	background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat;
    color: #111111;
    font-weight: bold;
    margin-left: 14px;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    border: 2px solid #358E24;
    border-radius: 5px;
}

#inner-box #change-pass-content p#button input:hover{
	background: -moz-linear-gradient(center top , #CCCCCC, #DDDDDD) repeat;
	cursor: pointer;
}

.error-field-empty .message-error-field
{
	position: absolute;
	width: 196px;
	padding: 7px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 6px 0 #6D6D6D;
	border: 1px solid #999999;
	top: 33px;
	left: 147px;
	z-index: 1000;
}

.error-field-empty .triangle-error-field{
	position: absolute;
	width: 15px;
	height: 11px;
	background: url(../images/triangle1.png) no-repeat;
	top: 23px;
	left: 330px;
	z-index: 1001;
}

#inner-box #message-status{
	height: 39px;
	width: 520px;
	margin: 0 auto;
	visibility: hidden;
}

#inner-box #message-status #message-status-content{
	padding: 10px;
	font-weight: bold;
}

#inner-box .category{
	width: 260px;
	float: left;
	margin-right: 5px;
}

#inner-box .category .category-box{
	margin-left: 0;
}

#inner-box #category-info{
	border-left: 1px solid #0AC200;
	margin-left: 265px;
	padding-left: 5px;
	min-height: 300px;
}

#inner-box #category-info .title{
	background: #EEEEEE;
	padding: 6px 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

#inner-box .category-content .wrap-input-field{
	float: left;
	margin: 10px;
}

#inner-box .category-content .wrap-input-field label{
	display: inline-block;
	width: 120px;
	
}

#inner-box .category-content .wrap-input-field .input_text{
	padding: 5px;
	border: 1px solid #999999;
}

#inner-box .category-content .wrap-input-field input.ten{
	width: 280px;
}

#inner-box .category-content .wrap-input-field input.gia{
	width: 151px;
}
#inner-box .category-content .wrap-input-field input#hinhanh{
	width: 292px;
}

#inner-box .category-content .wrap-input-field span#status-enable{
	background: #D6ECA6;
	padding: 5px;
	margin-right: 10px;
	border: 1px solid #8DC93E;
}
#inner-box .category-content .wrap-input-field span#status-disable{
	background: #ECA6D6;
	padding: 5px;
	border: 1px solid #C93E8D;
}

#inner-box .category-content #preview{
	height: 450px;
	position: relative;
}

#inner-box .category-content #preview-image{
	width: 100%;
	height: 100%;
}

#inner-box .category-content div#button{
	padding: 10px;
}

#inner-box .category-content div#button #btnthemmoi,
#inner-box .category-content div#button #btnthem,
#inner-box .category-content div#button #btnluulai,
#inner-box .category-content div#button #btnnhaplai,
#inner-box .category-content div#button #btnxoa{
	border: none;
	background: url(../images/add-button.png) no-repeat center left;
	padding-left: 30px;
	height: 30px;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
}

#inner-box .category-content div#button #btnluulai{
	background: url(../images/Save-icon-small.png) no-repeat center left;
}
#inner-box .category-content div#button #btnnhaplai{
	background: url(../images/reset-medium.png) no-repeat center left;
}
#inner-box .category-content div#button #btnxoa{
	background: url(../images/status_delete.png) no-repeat center left;
}
#inner-box .category-content div#input{
	border: 1px solid #0AC200;
	margin-bottom: 10px;
	min-height: 50px;
}

#thetable input.ten{
	width:310px;
}
#thetable input#tieude{
	width:80%;
}
#thetable input.ngaynhap{
	width:100px;
}
#thetable .textarea{
	x-height: 150px;
    max-width: 600px;
    min-height: 150px;
    min-width: 600px;
	padding: 5px 10px;
	background: #fff;
	margin-left:4px;
}
#thetable input#tags{
	width: 560px;
}
#inner .chitiettt{
	max-height: 300px;
    max-width: 835px;
    min-height: 300px;
    min-width: 835px;
	padding: 5px 0 5px 10px;
	background: #fff;
	margin-left:4px;
	color: #000;
}
#inner .tomtat{
	max-height: 150px;
	min-height: 150px;
}

#thetable label{
	display: inline-block;
    font-weight: bold;
    padding: 5px 10px;
    width: 110px;
}
#thetable .spantt {
	padding: 5px 10px;
	width: 80%;
	text-align: justify;
}
#thetable .label1{
	float:left;
}
#thetable #hinhanhsp, #thetable #hinhanhtt, #thetable #hinhanhqc {
	margin-left:135px;
	margin-top: 5px;
}

#thetable #hinhqc, #thetable #addhinhanhqc{
	margin-left: 5px;
}
#thetable #hinhsp{
	margin-left: 5px;
}
#thetable tr:hover{
	background: #eee;
}

#formupdate #btnluu{
	border: none;
	background: url(../images/Save-icon.png) no-repeat center left;
	padding-left: 45px;
	height: 40px;
	font-size: 14px;
	cursor: pointer;
	color: #060;
	font-weight: bold;
}
.paging{
	padding: 5px 0;
	border-top: 1px dashed #CCCCCC;
}
.paging a{
	text-decoration: none;
	color: #000;
}
.link-edit, 
.name-edit{
	width:100%;
}
#noidungkh {
	border: 2px solid #999;
	width: 98%;
	float: right;
	padding: 10px 5px 10px 5px;
	text-align: justify;
	overflow: auto;
	max-height: 300px;
}

#inner .message_error{
	background-color: #FFFFCC;
	border: 1px solid #FFCC66;
	padding: 6px 10px;
	margin-bottom: 10px;
}
ul.errors{
	color: #f00;
	list-style: none;
	margin-top: 5px;
}

div.sroll{
	width:224px;
	height:30px;
	overflow-x:auto; 
	overflow-y:hidden;
}
ul.optrow{
	list-style: none;
}
/*ul.optrow li{
	float: left;
	padding:3px;
}*/

/**************************************thong bao loi**************************/
#success {
    background-color: #EBF8A4;
    border: 1px solid #A2D246;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 10px;
    width: 95%;
	margin: 10px auto;
	text-align: center;
	color: green;
	font-weight:bold;
}
#error {
    background-color: #FFFFCC;
	border: 1px solid #FFCC66;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	padding: 10px;
	width: 95%;
	margin: 10px auto;
	text-align: center;
	color: red;
	font-weight:bold;
}
/**********************************Page menu****************************************/
#menu_page .main{
	padding: 5px 10px 5px 10px;
}
#menu_page .main .li-horizontal{
	width:100px;
	height:100px;
	border: 1px solid #eee;
	margin-right:15px;
	float:left;
	list-style: none;
	z-index: 999;
}
#menu_page .main .li-horizontal:hover{
	border: 1px solid #268ab9;
	cursor: pointer;
}
#menu_page .main .li-horizontal a {
	display: block;
	width: 96px;
	height: 96px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-size: 11px;
	padding: 0px;
	text-decoration: none;
	color: #268ab9;
	border: 2px solid #eee;
}
#menu_page .main .li-horizontal #l1{
	background: url(../images/add-key.gif) no-repeat;
}
#menu_page .main .li-horizontal #l2{
	background: url(../images/reset-key.gif) no-repeat;
}
#menu_page .main .li-horizontal #l3{
	background: url(../images/user-100.gif) no-repeat;
}
#menu_page .main .li-horizontal a span {
	display: block;
	height: 28px;
	padding: 65px 0 0 0;
	font-size: 11px;
	text-align: center;
}